// pages/search/index.js
import { request } from '../../request/index'
import regeneratorRuntime from '../../lib/runtime/runtime';

Page({

  data: {
    // 商品列表
    goods: [],
    // 输入框的值
    value: "",
    // 是否隐藏取消按钮
    isShow: false
  },
  // 定时器
  time: -1,

  // 监听输入框的值
  handleInput (e) {
    const { value } = e.detail
    if (!value.trim()) {
      this.setData({
        isShow: false,
        goods: []
      })
      return
    }

    this.setData({
      isShow: true
    })

    // 清除定时器  防抖
    clearTimeout(this.time)
    this.time = setTimeout(() => {
      this.searchGoods(value)
    }, 1000)

  },

  // 发起请求
  async searchGoods (query) {
    const res = await request({ url: "/goods/qsearch", data: { query } })
    // console.log(res);

    this.setData({
      goods: res
    })
  },

  // 点击取消按钮
  handleCancle () {
    this.setData({
      value: '',
      isShow: false,
      goods: []
    })
  },

})